<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">

    /*	可以在页面中直接使用，文档节点代表的是整个网页*/
    //console.log(document);

    //获取到button对象
    var btn = document.getElementById("btn");
    //为按钮绑定单击事件
    btn.onclick = function(){
     //查找#bj节点
        var bj = document.getElementById("bj");
     //打印bj
     // innerHTML 通过这个属性可以获取到元素内部的html代码
        alert(bj.innerHTML);
    //innerHTML用于获取元素内部的HTML代码的
    //对于自结束标签，这个属性没有意义
    };

    //修改按钮的文字
    btn.innerHTML = "I'm Button";

    for(var i=0 ; i<inputs.length ; i++){

        //alert(inputs[i].innerHTML);
        /*
         * 如果需要读取元素节点属性，
         * 	直接使用 元素.属性名
         * 		例子：元素.id 元素.name 元素.value
         * 		注意：class属性不能采用这种方式，
         * 			读取class属性时需要使用 元素.className
         */
        alert(inputs[i].className);

    };
</script>
</body>
</html>